<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="referrer" content="no-referrer" /> <!--可以让img标签预加载网络图片-->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>外来飞客的博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="yinqi" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" th:href="@{/js/tdx_js/highlight/styles/agate.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/tdx_css/bootstrap.min.css}" />
 <link rel="stylesheet" type="text/css" th:href="@{/css/tdx_css/materialdesignicons.min.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/css/tdx_css/style.min.css}" />
</head>
<body>
<header class="lyear-header text-center"  th:replace="index2::myheadMenu">
  <div class="lyear-header-container">
    <div class="lyear-mask"></div>
    <h1 class="lyear-blogger pt-lg-4 mb-0"><a href="index.html">笔下光年的博客</a></h1>
    <nav class="navbar navbar-expand-lg">
    <a class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <div class="lyear-hamburger">
        <div class="hamburger-inner"></div>
      </div>
    </a>
    
    <div id="navigation" class="collapse navbar-collapse flex-column">
	  <div class="profile-section pt-3 pt-lg-0">
	    <img class="profile-image mb-3 rounded-circle mx-auto" src="images/lyear.png" width="120" height="120" alt="wailaifeike" >
	    <div class="lyear-sentence mb-3">必须记住我们学习的时间是有限的。时间有限，不只由于人生短促，更由于人事纷繁。我们就应力求把我们所有的时间用去做最有益的事情。</div>
        <hr>
	  </div>
	  
	  <ul class="navbar-nav flex-column text-center">
	    <li class="nav-item active">
          <a class="nav-link" href="/index">首页</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">技术</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">感悟</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="#">关于我</a>
	    </li>
	  </ul>
	  
	  <div class="my-2 my-md-3">
        <form class="lyear-search-form form-inline justify-content-center pt-3">
          <input type="email" id="semail" name="semail1" class="form-control mr-md-1" placeholder="搜索关键词" />
        </form>
	  </div>
	</div>
  </nav>
  </div>
</header>
<div class="lyear-wrapper">
  <section class="mt-5 pb-5">
    <div class="container">

      <div class="row">
        <!-- 文章阅读 -->
        <div class="col-xl-8">
          <article class="lyear-arc">
            <div class="arc-header">

              <h2 class="arc-title"><a href="#" th:utext="${post.title}">平头哥发布含光 800：高性能 AI 推理芯片</a></h2>
              <ul class="arc-meta">
                <li><i class="mdi mdi-calendar"></i> <b th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b></li>
                <li><i class="mdi mdi-tag-text-outline"></i> <a href="#">AI</a>, <a href="#">芯片</a></li>
                <li><i class="mdi mdi-comment-multiple-outline"></i> <a href="#"> <i th:text="${post.commentCount}">30</i> 评论</a></li>
              </ul>
                <div class="float-right">
                    <input type="hidden" id="postId" th:value="${post.id}">
                    <button type="button" class="btn btn-danger btn-sm" id="topBtn" th:disabled="${post.type==1}" sec:authorize="hasAnyAuthority('up')">置顶</button>
                    <button type="button" class="btn btn-danger btn-sm" id="wonderfulBtn" th:disabled="${post.status==1}" sec:authorize="hasAnyAuthority('up')">加精</button>
                    <button type="button" class="btn btn-danger btn-sm" id="deleteBtn"
                            th:disabled="${post.status==2}" sec:authorize="hasAnyAuthority('admin')">删除</button>
                </div>
            </div>
            
            <div class="arc-preview">
<!--              <img src="images/blog/post-1.png" alt="" class="img-fluid rounded" />-->
            </div>

            <div class="lyear-arc-detail">

                <!-- 正文 -->
                <div class="mt-4 mb-3 content" th:utext="${post.content}">
                    金三银四的金三已经到了，你还沉浸在过年的喜悦中吗？

                </div>

                <ul class="media-list list-unstyled lyear-comment">

                    <li id="comment-1" th:each="commentVo:${comments}">
                        <div class="media">
                            <img class="d-flex mr-3 rounded-circle" th:src="${commentVo.user.headerUrl}"  alt="用户头像">
                            <div class="media-body">
                                <a href="#!" class="text-custom reply-btn" data-id="1"><i class="mdi mdi-reply"></i>&nbsp; 回复</a>
                                <h4 class="media-heading"><a href="#!" th:utext="${commentVo.user.username}">花满楼</a></h4>
                                <p class="text-muted post-date" th:text="${#dates.format(commentVo.comment.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-09-25 16:17</p>
                                <p th:utext="${commentVo.comment.content}">只要你肯去领略，就会发现人生本是多么可爱，每个季节里都有很多足以让你忘记所有烦恼的赏心乐趣。</p>
                            </div>
                        </div>
                    </li>


                </ul>

                <div id="respond" class="comment-respond">
                    <div class="mt-2">
                        <h5><span>说点什么吧...</span> <small class="cancel-comment-reply" onclick="cancelReply()">(取消回复)</small></h5>
                    </div>

                    <form action="#" method="post" class="mt-4 lyear-comment-form">
<!--                        <div class="row">-->
<!--                            <div class="col-sm-6">-->
<!--                                <div class="form-group">-->
<!--                                    <input id="author" class="form-control" placeholder="昵称*" name="author" type="text" required="" />-->
<!--                                </div>-->
<!--                            </div>-->

<!--                            <div class="col-sm-6">-->
<!--                                <div class="form-group">-->
<!--                                    <input id="email" class="form-control" placeholder="邮箱*" name="email" type="text" required="" />-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="row">-->
<!--                            <div class="col-sm-12">-->
<!--                                <div class="form-group">-->
<!--                                    <input id="subject" class="form-control" placeholder="网址" name="subject" type="text" />-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->

                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <textarea id="comment" class="form-control" rows="5" placeholder="想说的内容" name="comment" required=""></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <button name="submit" type="submit" id="submit" class="btn btn-primary">发表评论</button>
                                    <input type='hidden' name='comment_arc_id' value='1' id='comment_arc_id' />
                                    <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
                                </div>
                            </div>
                        </div>
                    </form>
                </div>



            </div>

          </article>
        </div>
        <!-- 内容 end -->

        <!-- 侧边栏 -->
        <div class="col-xl-4">
          <div class="lyear-sidebar">
            <!-- 热门文章 -->
            <aside class="widget widget-hot-posts">
              <div class="widget-title">热门文章</div>
              <ul>
                <li>
                  <a href="#">三星将为 Galaxy Fold 用户提供 149 美元更换屏幕服务</a> <span>2019-09-25 10:05</span>
                </li>
                <li>
                  <a href="#">专家：10年后6G将问世 数据传输速率有望比5G快100倍</a> <span>2019-09-25 08:06</span>
                </li>
                <li>
                  <a href="#">苹果正式发布 iPadOS 13.1 系统，加入多项强大新功能</a> <span>2019-09-25 09:35</span>
                </li>
              </ul>
            </aside>

            <!-- 归档 -->
            <aside class="widget">
              <div class="widget-title">归档</div>
              <ul>
                <li><a href="#">2019 三月</a> (40)</li>
                <li><a href="#">2019 四月</a> (08)</li>
                <li><a href="#">2019 五月</a> (11)</li>
                <li><a href="#">2019 六月</a> (21)</li>
              </ul>
            </aside>

            <!-- 标签 -->
            <aside class="widget widget-tag-cloud">
              <div class="widget-title">标签</div>
              <div class="tag-cloud">
                <a href="#" class="badge badge-light">php</a>
                <a href="#" class="badge badge-primary">苹果</a>
                <a href="#" class="badge badge-danger">比特币</a>
                <a href="#" class="badge badge-light">linux</a>
                <a href="#" class="badge badge-light">前端</a>
                <a href="#" class="badge badge-light">vue</a>
              </div>
            </aside>
          </div>
        </div>
        <!-- 侧边栏 end -->
      </div>

    </div>
    <!-- end container -->
  </section>
</div>
<script type="text/javascript" th:src="@{/js/tdx_js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/tdx_js/jquery.nicescroll.min.js}"></script>
<script type="text/javascript" th:src="@{/js/tdx_js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/tdx_js/highlight/highlight.pack.js}"></script>
<script type="text/javascript" th:src="@{/js/tdx_js/main.min.js}"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();</script>
</body>
</html>